.fl {
    float: left;
}

html {
    position: relative;
}

ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}

em, i, var {
    font-style: initial;
}

textarea {
    resize: none;
}

.left_position {
    position: absolute;
    z-index: 1000000!important;
}

.section {
    position: relative;
    
}

.dn {
    display: none!important;
}

.padding_null {
    padding: 0!important;
    width: 162px;
}

.pad_but {
    padding-bottom: 57px!important;
}

.padding_rl {
    padding: 0 15px;
}

.f_12 {
    font-size: 12px!important;
}

.c_6d {
    color: #6dc5a3;
}

.red {
    color: #f00;
}

.c_7b {
    color: #7b7b7b;
}

.f_r {
    float: right!important;
}

.margin_l {
    margin-left: 10px;
}

.margin_t {
    margin-top: 20px;
}
/*.t_system label{padding-right:5px!important; }*/
.t_system table th, .t_system table tr, .t_system table td {
    text-align: center!important;
}

.hint_size {
    color: #fc6868;
    font-size: 12px;
}

.wrapper_main {
    background: #fff;
    width: 100%;
    position: relative;
}

input[type="text"]:disabled {
    background: #fff;
}

.infoz_index {
    z-index: 1!important;
    background: rgba(0,0,0,0.4);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.info_header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
}
/*所有按钮样式*/
/*导出Excel*/
.excel {
    display: block;
    width: 92px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    background: #6dc5a3;
    text-align: center;
    border-radius: 6px;
    cursor: pointer;
    float: right;
}
/*-----width 128px-----*/
.excep_but {
    width: 128px;
    height: 30px;
    display: block;
}
/*-----查询-----*/
.excep_query {
    width: 75PX;
    background: #6dc5a3;
    font-size: 14px;
    color: #fff;
    text-align: center;
    display: block;
    height: 31px;
    line-height: 31px;
    border-radius: 6px;
}
/*保存按钮*/
.save {
    width: 276px;
    background: #6dc5a3;
    display: block;
    border-radius: 10px;
    height: 42px;
    color: #fff;
    font-size: 20px;
    line-height: 42px;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
}
/*所有按钮样式 end*/

/*弹出层屏幕*/
.scrn_back {
    background: rgba(0,0,0,0.4);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
}
/*锁屏*/
.lock_screen, .highlight_back {
    padding: 18px 48px 38px;
    background: #fff;
    position: fixed;
    top: 50%;
    margin-top: -80px;
    left: 50%;
    margin-left: -185px;
    width: 371px;
}

    .lock_screen input, .lock_screen span, .lock_screen em {
        width: 275px;
        height: 42px;
        border-radius: 3px;
        display: block;
        line-height: 42px;
    }

    .lock_screen input {
        border: 1px solid #d2d2d2;
        padding: 0 10px;
    }

    .lock_screen em {
        color: red;
    }

.lock_but {
    background: #6dc5a3;
    margin-top: 20px;
    cursor: pointer;
}

.lock_colse {
    position: absolute;
    background: url(../images/icon/scrn.png) no-repeat;
    width: 30px;
    height: 30px;
    right: 11px;
    top: 11px;
    cursor: pointer;
}

.lock_colse_1 {
    right: 40px!important;
}

.lock_screen li {
    width: 275px;
    height: 42px;
    position: relative;
}
/*首页*/
.heading_backgroung {
    background: #f3f3f3!important;
    font-size: 12px!important;
}

.wrapper_menu {
    background: #55647c;
    height: 46px;
}

    .wrapper_menu ul {
        margin: 0;
    }

.wrapper_inline .wrapper_icon {
    color: #fff;
    float: left;
    padding: 11.5px 27px;
}

.wrapper_menu a:hover {
    text-decoration: none;
}

.wrapper_menu a:focus, .wrapper_menu a:active {
    color: #65cea7!important;
    text-decoration: none;
}

.wrapper_menu .wrapper_inline li {
    cursor: pointer;
    float: left;
    text-align: center;
    color: #fff;
    margin-left: 1%;
    position: relative;
}

.wrapper_i {
    padding: 0 6px;
}

/*锁定设备*/
.wrapper_inline .wrapper_icon:before {
    background: url(../images/icon/wrapper_menu_icon.png) 0 0 no-repeat;
    background-size: 800% 100%;
    width: 21px;
    height: 21px;
    float: left;
    content: "";
    margin-right: 8px;
}
/*不锁定设备*/
.wrapper_inline li em.active:before, .wrapper_inline li .wrapper_icon:focus:before {
    background-position: 58% 0;
}

.wrapper_inline li:nth-child(1) .wrapper_icon:hover, .wrapper_inline li:nth-child(1) .wrapper_icon:active, .wrapper_inline li:nth-child(1) .wrapper_icon:focus {
    /*   color: #fff!important;*/
}
/*-------下拉框图标白色---------*/
.wrapper_inline li:nth-child(2) .wrapper_icon:before {
    background-position: 13.5% 0;
}

.wrapper_inline li:nth-child(3) .wrapper_icon:before {
    background-position: 29% 0;
}

.wrapper_inline li:nth-child(4) .wrapper_icon:before {
    background-position: 43.5% 0;
}
/*-------下拉框图标变绿色---------*/
.wrapper_inline .li_active .wrapper_li_02:before {
    background-position: 71% 0!important;
}

.wrapper_inline .li_active .wrapper_li_03:before {
    background-position: 85% 0!important;
}

.wrapper_inline .li_active .wrapper_li_04:before {
    background-position: 100% 0!important;
}

.wrapper_inline .li_active .wrapper_size {
    color: #65cea7;
}
/*下拉框*/
.wrapper_dropdown {
    border-radius: initial!important;
    padding: 6px 17px;
    position: absolute;
    top: 46px;
    left: 0;
    float: left;
    list-style: none;
    font-size: 14px;
    background-color: #fff;
    min-width: 184px;
    z-index: 99;
}

.wrapper_menu .wrapper_dropdown:after, .wrapper_span:after {
    border-bottom: 8px solid #fff!important;
    border-left: 13px solid transparent!important;
    border-right: 13px solid transparent!important;
    content: "";
    display: inline-block;
    right: 50%!important;
    margin-right: -13px!important;
    position: absolute;
    top: -8px;
}

.wrapper_dropdown span {
    display: block;
    line-height: 31px;
    font-size: 14px;
    color: #484848;
}

.wrapper_inline li:nth-child(3) .wrapper_dropdown span, .wrapper_inline li:nth-child(4) .wrapper_dropdown span {
    text-align: left!important;
}

.wrapper_dropdown span i {
    background: url(../images/blue.png) 0 0 no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background-size: cover;
    margin-top: -2px;
    margin-right: 14px;
}

.wrapper_dropdown span .drop_hover {
    background-position: -32px 0!important;
}

.wrapper_pp {
    padding: 6px 31px!important;
}

/*添加设备*/
.wrapper_addsebei {
    background: #fff;
    padding: 5px 20px;
    position: absolute;
    top: 140px;
    width: 95%;
}

    .wrapper_addsebei li {
        float: left;
        text-align: center;
        font-size: 12px;
        cursor: pointer;
    }

.wrapper_div {
    width: 80%;
    background: #fff;
    position: fixed;
    top: 138px;
    z-index: 2;
}

.wrapper_s {
    top: -400px;
}

.wrapper_addsebei li i {
    display: block;
    width: 43px;
    height: 21px;
    margin: 0 auto 5px;
}

    .wrapper_addsebei li i img {
        display: block;
        width: 100%;
        height: 100%;
    }

.menu_del {
    cursor: pointer;
    border-radius: 5px;
    z-index: 2;
    width: 130px;
    text-align: center;
    padding: 10px;
    background: #fff;
}
/*导航条*/
.wrapper_navigation {
    width: 49px;
    background: rgba(0,0,0,0.7);
    position: absolute;
    top: 17%;
    right: 0;
    padding: 30px 0;
    z-index: 1000;
}

.wrapper_navigation_01 {
    top: 25%!important;
}

.navigation_menu .navigation_menu_li {
    width: 49px;
    height: 42px;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    position: relative;
    cursor: pointer;
}

.navigation_menu em {
    background: url(../images/icon/icon_xiaobiao.png) no-repeat;
    width: 21px;
    height: 19px;
    display: block;
    margin: 0 auto;
}

.navigation_menu li:nth-child(2) em {
    background-position: -21px 0;
}

.navigation_menu li:nth-child(3) em {
    background-position: -42px 0;
}

.navigation_menu li:nth-child(4) em {
    background-position: -63px 0;
}

.navigation_menu li:nth-child(5) em {
    background-position: -84px 0;
}

.navigation_menu li:nth-child(6) em {
    background-position: -105px 0;
}

.navigation_menu li:nth-child(7) em {
    background-position: -126px 0;
}

.navigation_menu li:nth-child(8) em {
    background-position: -147px 0;
}


.navigation_menu_m li:nth-child(1) em {
    background-position: -21px 0;
}

.navigation_menu_m li:nth-child(2) em {
    background-position: -42px 0;
}

.navigation_menu_m li:nth-child(3) em {
    background-position: -84px 0;
}

.navigation_menu_m li:nth-child(4) em {
    background-position: -147px -21px;
}

.navigation_menu_m li:nth-child(5) em {
    background-position: -105px 0px;
}

.navigation_click .navigation_09 {
    background-position: -167px -21px!important;
}

.navigation_click .navigation_01 {
    background-position: -168px 0!important;
}

.navigation_click .navigation_02 {
    background-position: -189px 0!important;
}

.navigation_click .navigation_03 {
    background-position: -210px 0!important;
}

.navigation_click .navigation_04 {
    background-position: -231px 0!important;
}

.navigation_click .navigation_05 {
    background-position: -252px 0!important;
}

.navigation_click .navigation_06 {
    background-position: -273px 0!important;
}

.navigation_click .navigation_07 {
    background-position: -294px 0!important;
}

.navigation_click .navigation_08 {
    background-position: -315px 0!important;
}

.navigation_back {
    background: #fff!important;
}

.navigation_second {
    position: absolute;
    top: 0;
    right: 48px;
    background: #39465b;
    font-size: 12px;
    min-width: 158px;
    color: #fff;
}

    .navigation_second li {
        line-height: 40px;
    }

    .navigation_second .navigation_li {
        margin: 0!important;
        position: relative;
        display: block;
        text-align: center;
        font-size: 14px;
        background: #6dc5a3;
        line-height: 42px;
    }

        .navigation_second .navigation_li:before {
            content: "";
            border-left: 7px solid #6dc5a3;
            border-top: 5px solid transparent;
            border-bottom: 5px solid transparent;
            position: absolute;
            right: -7px;
            top: 50%;
            margin-top: -5px;
        }

.second_nav {
    min-width: 266px!important;
}

.second_div span {
    display: block;
    line-height: 30px!important;
}

.second_nav li {
    border-bottom: 1px solid #2e3a4d;
}

.second_div li {
    line-height: 40px;
    padding: 0px 5px;
    list-style-image: url(../images/icon/round_icon.png);
    font-size: 14px;
    margin-left: 20px;
}

.second_con {
    background: #2b3442!important;
    padding: 0 26px;
    clear: both;
    overflow: hidden;
    margin: 0!important;
}

    .second_con span {
        display: block;
        width: 100px;
        float: left;
        line-height: 32px;
    }

.second_nav li ul li {
    border: 0!important;
}

.navigation_iscon {
    height: 341px;
    overflow: hidden;
    overflow: scroll;
    overflow-x: hidden;
}

.test1::-webkit-scrollbar {
    width: 8px;
}

.test1::-webkit-scrollbar-track {
    background-color: #2b3442;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}

.test1::-webkit-scrollbar-thumb {
    background-color: #1d222a;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}

.second_none li {
    list-style-image: none!important;
}
/*------------------门架式情报板弹窗------------*/
.inte_door {
    padding: 22px 40px 40px 40px;
    background: #fff;
    display: block;
    position: absolute;
    top: 10%;
    left: 50%;
    width: 744px;
    margin-left: -372px;
}

.inte_h1 {
    font-size: 16px;
    font-weight: bold;
    color: #262626;
    margin: 0!important;
}

.inte_legend {
    width: 85%;
    margin: 0 auto;
    border: 1px dashed #d7d7d7;
    display: block;
    margin-bottom: 28px;
    overflow: hidden;
}

.legend_title {
    width: 85%;
    height: 23px;
    position: relative;
    margin: 0 auto;
}

    .legend_title p {
        height: 23px;
        background: #fff;
        font-size: 16px;
        color: #262626;
        position: absolute;
        top: 52%;
        left: 5%;
        margin: 0!important;
    }

        .legend_title p:before {
            background: url(../images/icon/round_icon.png) no-repeat;
            width: 8px;
            height: 8px;
            display: inline-block;
            vertical-align: middle;
            margin: -2px 6px 0 0;
            content: "";
        }

.legend_menu {
    overflow: hidden;
    margin: 10px 0 28px;
}

    .legend_menu li {
        width: 228px;
        height: 32px;
        float: left;
        margin: 29px 25px 0;
    }

    .legend_menu label {
        font-size: 14px;
        color: #838282;
        line-height: 32px;
        font-weight: initial;
    }

    .legend_menu input, .legend_menu select {
        width: 149px;
        height: 32px;
        padding-left: 10px;
    }

.legend_menu_add > ul {
    border-bottom: 1px dashed #d7d7d7;
    padding-bottom: 10px;
    margin: 0;
}

.legend_menu textarea {
    width: 400px;
    height: 100px;
}

.legend_menu_add_ul > li {
    float: none;
    height: auto;
    width: auto;
}

.inte_ban {
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    text-align: center;
    /*width: 70%;*/
    /*min-width: 195px;
    min-height: 87px;*/
    /*padding: 10px;*/
    background: #000000;
    box-shadow: 1px 5px 10px #3071A9;
    margin: 0 auto;
    overflow:hidden;
}

    .inte_ban em {
        display: block;
        text-align: center;
        color: #fff;
        font-size: 24px;
        line-height: 32px;
    }


.inte_conver {
    padding: 28px 0 48px;
}

.legend_table {
    width: 90%!important;
    margin: 0 auto;
    border: 1px solid #dddcdc;
}

.legend_updet, .legend_del {
    width: 6%;
}

.legend_table td input {
    border: none;
}

    .legend_table td input.active {
        border: solid 1px #767676;
    }

.legend_updet:before, .legend_del:before, .legend_zdy em:before {
    content: "";
    background: url(../images/icon/icon_xiaobiao.png) -27px -22px no-repeat;
    width: 21px;
    height: 19px;
    display: block;
    margin: 0!important;
}

.legend_del:before {
    background-position: -47px -22px!important;
}

.legend_check {
    width: 10%;
    text-align: center;
}

.legend_zdy em {
    display: block;
}

    .legend_zdy em:before {
        display: inline-block;
        vertical-align: -7px;
        margin-right: 10px!important;
        background-position: 0px -45px;
        width: 23px;
        height: 23px;
    }

.kegebd_div_z {
    width: 100%;
    margin-top: 10px;
    display: block;
    height: 81px;
}

.zdy_checkbox {
    float: right;
    margin-top: 13px;
}

    .zdy_checkbox input {
        margin: 4px 5px 0!important;
        float: left;
    }

.info_send {
    width: 70%;
    background: #6dc5a3;
    display: block;
    border-radius: 10px;
    height: 42px;
    color: #fff;
    font-size: 20px;
    line-height: 42px;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
}

.legend_yan:before {
    background-position: -26px -45px!important;
}
/*------------------指示器--------------------------*/
.lane_pointer {
    background: #fff;
    padding: 22px 33px 0;
    width: 635px;
    height: 640px;
    position: fixed;
    /*top: 50%;
    margin-top: -320px;*/
    left: 50%;
    margin-left: -317px;
}

.lock_colse_lane {
    right: 33px!important;
}

.inte_legend_lane {
    height: 149px;
}

    .inte_legend_lane div {
        margin: 48px auto 0;
        width: 75%;
    }

    .inte_legend_lane p, .inte_legend_lane span, .inte_legend_lane em {
        display: inline-block;
        font-size: 14px;
        color: #838282;
    }

    .inte_legend_lane span {
        height: 32px;
        width: 135px;
        border: 1px solid #e0dfdf;
        line-height: 32px;
        text-align: center;
        color: #262626;
    }

    .inte_legend_lane em {
        width: 54px;
        height: 32px;
        margin-left: 20px;
    }


        .inte_legend_lane em.forward {
            background: url(../images/icon/icon_xiaobiao.png) 0 -76px no-repeat;
        }
       
        .inte_legend_lane em.forward-left-down {
              background: url(../images/icon/icon_left_down.png) no-repeat;
        }
        .inte_legend_lane em.reverse-left-down {
             background: url(../images/icon/icon_reverse_down.png) no-repeat;
        }
       
        .inte_legend_lane em.reverse {
            background: url(../images/icon/icon_xiaobiao.png) -56px -76px no-repeat;
        }

        .inte_legend_lane em.double-no {
            background: url(../images/icon/icon_double_no.png) no-repeat;
        }

        .inte_legend_lane em.double-close {
            background: url(../images/icon/icon_double_close.png) no-repeat;
        }

        .inte_legend_lane em.forward-left {
            background: url(../images/icon/icon_left.png) no-repeat;
        }

        .inte_legend_lane em.reverse-left {
            background: url(../images/icon/icon_reverse_left.png) no-repeat;
        }

.inte_legend_lane2 {
    min-height: 221px;
}

    .inte_legend_lane2 ul {
        overflow: hidden;
        margin: 48px auto 0;
    }

        .inte_legend_lane2 ul li {
            margin-left: 30px;
            float: left;
            width: 118px;
            margin-bottom: 30px;
        }

.inte_legend_lane6 ul li {
    width: 199px;
}

.inte_legend_lane2 ul li em,.inte_legend_lane2 ul li.forward em {
    background: url(../images/icon/icon_xiaobiao.png) 0 -76px no-repeat;
    width: 53px;
    height: 32px;
    display: block;
    margin: 0 auto;
}

.inte_legend_lane2 ul li.reverse em {
    background-position: -56px -76px;
}

.inte_legend_lane3 ul li.forward-left em {
    background: url(../images/icon/icon_left.png) no-repeat;
}

.inte_legend_lane3 ul li.reverse-left em {
    background: url(../images/icon/icon_reverse_left.png) no-repeat;
}

.inte_legend_lane2 ul li.double-no em, .inte_legend_lane3 ul li.double-no em {
    background: url(../images/icon/icon_double_no.png) no-repeat;
}

.inte_legend_lane2 ul li.double-close em, .inte_legend_lane3 ul li.double-close em {
    background: url(../images/icon/icon_double_close.png) no-repeat;
}
/*大河家 start*/
.inte_legend_lane3 ul li.forward-left-down em {
    background: url(../images/icon/icon_left_down.png) no-repeat;
}
.inte_legend_lane3 ul li.reverse-left-down em {
    background: url(../images/icon/icon_reverse_down.png) no-repeat;
}
/*大河家 end*/
.inte_legend_lane3 ul li {
    margin-bottom: 49px!important;
}

.inte_legend_lane3 {
    min-height: 263px!important;
}

.lane_input span {
    background: url(../images/blue.png) -15px 0 no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background-size: cover;
    margin-top: -2px;
    margin-right: 4px;
}

.lane_input {
    text-align: center;
    margin-top: 18px;
    cursor: pointer;
}

.lane_hover {
    background-position: -32px 0!important;
}

.lane_but span {
    cursor: pointer;
    text-align: center;
    line-height: 44px;
    display: block;
    float: left;
    margin: 0 74px!important;
    background: #6dc5a3;
    height: 44px;
    width: 121px;
    border-radius: 6px;
    display: block;
    font-size: 16px;
    color: #fff;
}
/*------------------交通信号灯控制--------------------------*/
.inte_control div, .inte_tunnel div {
    margin: 48px 0px 0 55px;
    width: 88%;
}

.inte_control em {
    background: url(../images/icon/icon_xiaobiao.png) no-repeat;
    width: 111px;
    height: 29px;
    margin-left: 20px;
}

    .inte_control em.left {
        background-position: -179px -43px;
    }

    .inte_control em.forward-warning {
        background-position: -179px -76px;
    }

    .inte_control em.forward {
        background-position: 0px -111px;
    }

    .inte_control em.no {
        background-position: -118px -111px;
    }

.inte_control2 ul li em {
    background-position: -179px -43px;
    width: 111px;
    height: 29px;
}

.inte_control2 ul li:nth-child(2) em {
    background-position: -179px -76px;
}

.inte_control2 ul li:nth-child(3) em {
    background-position: 0px -111px;
}

.inte_control2 ul li:nth-child(4) em {
    background-position: -118px -111px;
}

.inte_control2 ul {
    margin-top: 36px!important;
}

    .inte_control2 ul li {
        width: 159px!important;
        margin: 0 40px 22px;
    }

.control_input {
    margin-top: 13px;
}
/*--------------------分机控制---------------------------*/
.inte_ext em.wind-em {
    background: url(../images/icon/icon_xiaobiao.png) no-repeat 1000px 1000px;
    width: 57px;
    height: 57px;
    margin-left: 20px;
}

.inte_ext em.green {
    background-position: -293px -42px;
}

.inte_ext em.pink {
    background-position: -232px -111px;
}

.inte_ext em.yellow {
    background-position: -299px -111px;
}

.inte_ext2 ul li em, .inte_ext2 ul li.green em {
    background-position: -293px -42px;
    width: 57px;
    height: 57px;
}

.inte_ext2 ul li:nth-child(2) em, .inte_ext2 ul li.pink em {
    background-position: -232px -111px;
}

.inte_ext2 ul li:nth-child(3) em, .inte_ext2 ul li.yellow em {
    background-position: -299px -111px;
}

.inte_ext p, .inte_ext span {
    vertical-align: 8px;
}
/*-------------------隧道控制---------------------*/
.inte_tunnel em {
    background-position: 0px -144px;
    width: 88px;
    height: 36px;
}

.inte_tunnel2 {
    height: 151px;
}

    .inte_tunnel2 ul li em {
        background-position: 0px -144px;
        width: 88px;
        height: 36px;
    }

    .inte_tunnel2 ul li:nth-child(2) em {
        background-position: -97px -144px;
        width: 72px;
    }

.hint_tunne {
    padding: 0 43px 40px;
}
/*-------------------信息管理》》》》信息录入-----------------------*/
.t_system {
    padding: 0 2.5%;
}

    .t_system ul, .t_system li {
        margin: 0;
        padding: 0;
    }

.mar_pad {
    -margin: 0!important;
    padding: 0!important;
}

.input_padding {
    padding-left: 10px;
}

.input_margin_top {
    margin-top: 22px!important;
}

.c_79b0 {
    color: #0079b0;
}

.infoentry_info ul {
    overflow: hidden;
}

.infoentry_info label {
    text-align: left;
    line-height: 31px;
    
}

.entry_input {
    height: 31px;
    color: #262626;
    font-size: 14px;
    border: 1px solid #c3c2c2;
}

.text_area {
    padding: 10px;
    height: 141px;
}

.text_area_01 {
    height: 103px!important;
}

.infoentry_height {
    height: 315px;
}

.infoentry_height_02 {
    height: 237px;
}

.save_fine {
    margin-top: 56px;
}
/*--------------------信息管理》》》》信息维护----------------------*/
#dynamic-table tbody tr {
    cursor: pointer;
}
/*分页*/
.infotain_page a {
    color: #7b7b7b;
    cursor: pointer;
    float: left;
    width: 30px;
    height: 30px;
    border: 1px solid #bbbbbb;
    text-align: center;
    line-height: 30px;
    margin: 0 0.5%;
    text-decoration: none;
}

    .infotain_page a:hover, .infotain_page a:active, .infotain_page a:focus {
        text-decoration: none!important;
        color: #65CEA7;
        border: 1px solid #65CEA7;
    }

.last_page {
    width: 100px!important;
    border: 0!important;
}

/*信息编辑*/
.info_title {
    height: 51px;
    background: #f5f5f5;
    padding: 0 21px;
    line-height: 51px;
}

.infotaom_door {
    padding: 0px 0px 40px;
    background: #fff;
    display: block;
    position: absolute;
    top: 10%;
    left: 50%;
    width: 996px;
    margin-left: -500px;
}

.info_lock_colse {
    background: url(../images/icon/scrn.png) no-repeat;
    width: 30px;
    height: 30px;
    cursor: pointer;
    float: right;
    margin-top: 11px!important;
}

.info_tit {
    float: left;
    margin-top: 17px!important;
}

.info_menu_01 {
    padding: 21px;
    border-bottom: 1px solid #eeeeee;
}

.info_menu_02 {
    overflow: hidden;
    border-bottom: 1px solid #eeeeee;
    height: 317px;
}

.info_menu_01 ul {
    overflow: hidden;
}

    .info_menu_01 ul li {
        float: left;
        margin-right: 20px;
    }

.tain_wirth {
    width: 174px;
}

.tain_wirth_01 {
    width: 91px;
}

.info_menu_02 .info_left {
    float: left;
    width: 579px;
    border-right: 1px solid #eeeeee;
    padding: 21px;
}

.info_menu_02 .info_right {
    float: right;
    width: 417px;
    padding: 21px;
}

    .info_menu_02 .info_left ul li, .info_menu_02 .info_right ul li {
        float: left;
        margin: 0 6px;
    }

.info_textarea {
    width: 434px;
}

.info_textarea_01 {
    width: 273px;
}

.info_menu_03 ul li {
    float: left;
    margin-right: 20px;
}

.info_menu_03 {
    padding: 21px;
}

.last_text_page {
    height: 30px!important;
    line-height: 30px!important;
    width: 200px!important;
    float: right!important;
    text-align: right!important;
    border: 0!important;
}

.distrig_menu {
    overflow: hidden;
    width: 383px;
    float: right;
}

    .distrig_menu span {
        display: block;
        float: left;
        margin-left: 20px;
    }

.operate {
    width: 164px!important;
}

    .operate span {
        display: block;
        border-radius: 6px;
        cursor: pointer;
        float: left;
        line-height: 27px;
        width: 56px;
        height: 27px;
        background: #6dc5a3;
        color: #fff;
        font-size: 12px;
        text-align: center;
        margin: 0 5px;
    }

.add_ok {
    cursor: pointer;
    height: 31px;
    line-height: 31px;
    color: #0079b0;
    font-size: 14px;
    margin: 0 30px;
}

    .add_ok i {
        display: inline-block;
        background: url(../images/icon/icon_xiaobiao.png) -75px -23px no-repeat;
        width: 15px;
        height: 15px;
        vertical-align: -3px;
        margin: 0 5px;
    }

.add_ok {
    float: right;
}

.highway {
    width: 100%;
    height: 1400px;
    position: relative;
    margin-top: 123px;
    z-index:0;
}

.daolu_bg a {
    background: url(../images/stat/tun.png) no-repeat;
    width: 27px;
    height: 33px;
    background-size: cover;
    display: block;
    position: absolute;
    top: 212px;
    right: 20%;
    cursor: pointer;
    color: #fff;
    z-index: 999!important;
}

.change_ts {
    width: 100px;
    padding: 0 10px;
    line-height: 24px;
    position: absolute;
    top: 32px;
    left: 20px;
    display: none;
}

.daolu_bg a:hover .change_ts {
    display: block;
}

.daolu_bg a:hover {
    color: #fff;
}
/*.highway img{ width:100%; height: 100%; display: block;}*/
/*.highway_bg {
    background: url(../images/stat/highway.jpg) repeat-x center;
}*/

.highway_bg > img {
    position: absolute;
    top: 0;
    left: 40%;
}

.highway_bg .highway_img {
    left: 0;
    top:0;
}

.daolu_bg .highway_img {
    position: absolute;
    z-index: 0!important;
    display: block;
}

.daolu_bg img:not(.highway_img) {
    position: absolute;
    top: 0;
    left: 40%;
}

.index_wrapper {
    height: 46px;
    width: 100%;
    position: absolute;
    cursor: pointer;
}

.inte_legend_lane3 {
    height: 178px!important;
}

    .inte_legend_lane3 ul {
        overflow: hidden;
        margin: 40px auto 0px;
    }

.inte_legend_lane4 {
    height: 122px!important;
}
/*<!--修改密码员工编号弹窗-->*/
.display_line {
    line-height: 40px;
}

.corerr_em {
    width: 18px!important;
    height: 18px!important;
    position: absolute;
    top: 73px;
    right: 22px;
}

.corerr_em_1 {
    width: 18px!important;
    height: 18px!important;
    position: absolute;
    top: 12px;
    right: -32px;
}

.correct {
    background: url(../images/icon/correct.png) no-repeat;
}

.error {
    background: url(../images/icon/error.png) no-repeat!important;
}
/*监控摄像机*/
.vidicon_main {
    background: #fff;
    position: absolute;
    background: #fff;
    top: 10%;
    left: 50%;
    margin-left: -352px;
}

    .vidicon_main ul li {
        cursor: pointer;
    }

.vidicon_l {
    float: left;
    width: 527px;
    border-right: 1px solid #eeeeee;
    padding: 0px 10px 32px;
}

.vidicon_r {
    float: left;
    width: 241px;
    padding: 0px 10px 32px;
}

.vidicon_tit {
    line-height: 48px;
    height: 48px;
    font-size: 12px;
}

    .vidicon_tit em {
        display: inline-block;
        margin-left: 10px;
    }

.h_title {
    font-size: 16px;
    font-weight: bold;
    margin: 0!important;
}

.video_play {
    width: 506px;
    height: 430px;
    background: #000;
}

.vidicon_holder {
    line-height: 48px;
    height: 48px;
    font-size: 14px;
}

.tblr_but ul {
    display: block;
    overflow: hidden;
}

.tblr_but {
    width: 223px;
    height: 132px;
    position: relative;
}

    .tblr_but li {
        cursor: pointer;
        width: 50px;
        height: 28px;
        border: 1px solid #60B193;
        text-align: center;
        line-height: 28px;
    }

.video_top {
    position: absolute;
    top: 14px;
    left: 50%;
    margin-left: -25px;
}

.video_bottom {
    position: absolute;
    bottom: 14px;
    left: 50%;
    margin-left: -25px;
}

.video_left {
    position: absolute;
    top: 50%;
    left: 18px;
    margin-top: -14px;
}

.video_right {
    position: absolute;
    top: 50%;
    right: 18px;
    margin-top: -14px;
}

.vidicon_debug {
    width: 223px;
    height: 105px;
}

    .vidicon_debug li {
        height: 28px;
        line-height: 28px;
        margin-top: 9px;
    }

        .vidicon_debug li span {
            margin: 0 4px;
            display: inline-block;
            width: 58px;
            height: 28px;
            text-align: right;
            line-height: 28px;
        }

.bor {
    border: 1px solid #6dc5a3;
    text-align: center!important;
}

.vidicon_zt {
    height: 105px;
    width: 223px;
}

    .vidicon_zt ul li {
        height: 30px;
        width: 80px;
        border: 1px solid #6dc5a3;
        text-align: center;
        line-height: 30px;
        float: left;
        margin: 1.18rem 1.2rem 0;
    }

.vidicon_ts {
    margin-top: 10px;
}

    .vidicon_ts em {
        display: block;
        line-height: 24px;
        font-size: 12px;
        color: #fc6868;
    }
/*监控摄像机----警报弹窗*/
.video_play_alarm {
    height: 480px;
}

.vidicon_alarm {
    margin-top: 14px;
}

    .vidicon_alarm span {
        width: 72px;
        height: 24px;
        border: 1px solid #fc6868;
        display: inline-block;
        font-size: 12px;
        text-align: center;
    }

.vidicon_td {
    margin-top: 24px;
}

    .vidicon_td em {
        display: inline-block;
    }

        .vidicon_td em:nth-child(2) {
            width: 91px;
            height: 26px;
            line-height: 26px;
            border: 1px solid #cfcfcf;
            padding-left: 5px;
        }
/*强光查询*/
.highlight li {
    height: 31px;
    line-height: 31px;
    overflow: hidden;
    margin-top: 20px;
}

    .highlight li label {
        font-size: 14px;
        color: #838282;
        display: inline-block;
        float: left;
        width: 86px;
        text-align: right;
    }

    .highlight li input {
        border: 1px solid #e0dfdf;
        display: inline-block;
        float: right;
        width: 178px;
        height: 31px;
        padding: 0 10px;
    }
/*车见查询*/
.car_back {
    width: 554px!important;
}

    .car_back .highlight {
        overflow: hidden;
    }

        .car_back .highlight li {
            width: 226px;
            float: left;
        }

            .car_back .highlight li input {
                width: 126px;
            }
/*日报表*/
.statement_tit {
    text-align: center;
    font-size: 22px;
    height: 44px;
    line-height: 44px;
}

.padding_top {
    padding-top: 0!important;
}

.statment_row input {
    width: 63%;
    height: 31px;
    line-height: 31px;
    border: 0!important;
    outline: none;
    font-size: 16px;
}

.wedet_w {
    width: 60%!important;
}
/*首页地图*/
.map {
    /*margin-left: 240px;*/
    position: relative;
}

    .map img {
        display: block;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
    }

.f_map_sd {
    width: 36px;
    height: 41px;
    background: url(../images/SD.png);
    position: fixed;
    /*top: 31%;
    left: 59%;*/
    cursor: pointer;
}

.f_map_kz {
    width: 41px;
    height: 36px;
    background: url(../images/JKZX.png);
    position: fixed;
    /*top: 31%;
    left: 59%;*/
    cursor: pointer;
}
/*.f_map_1{ left: 30%;}*/
.ymd li {
    cursor: pointer;
    width: 50px;
    height: 30px;
    background: #65CEA7;
    float: left;
    text-align: center;
    margin-right: 10px;
    line-height: 30px;
    color: #fff;
}
    .ymd li.active {
        background: #f00;
    }

.er_legend input {
    border: 1px solid #e0dfdf;
}

.inte_legend_lane7 em.up {
    background: url(../images/icon/left.png);
    margin: 0px 10px 0;
    vertical-align: -7px;
    background-size: cover;
    width: 42px;
    height: 26px;
}

.inte_legend_lane7 em.down {
    background: url(../images/stat/index_09_img.png) no-repeat;
}

.inte_legend_lane8 em {
    background: url(../images/icon/left.png) no-repeat!important;
    width: 42px!important;
    height: 26px!important;
    display: block;
    margin: 0 auto!important;
}

.inte_control3 ul li:nth-child(2) em {
    background: url(../images/stat/index_09_img.png) no-repeat!important;
}

.infoBroad input.txt.activebg {
    background: #F5F5F5;
}
/********************道路底部预案start**********************/
.bottom-box {
    position: fixed;
    z-index: 9999;
    width: 87%;
    height: 300px;
    bottom: 0;
    left: 240px;
    background: #fff;
    color: #838282;
    border-top: solid 1px #999;
}

.btn-save {
    cursor: pointer;
    margin-left: 131px;
    margin-top: 119px;
    display: block;
    background: #6dc5a3;
    width: 90px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    color: #fff;
}

.icon-list {
    position: fixed;
    z-index: 10000;
    right: 30px;
    bottom: 100px;
}

    .icon-list > li {
        cursor: pointer;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: url(../images/icon/icon_up.png) no-repeat center/cover;
    }

        .icon-list > li.down {
            background: url(../images/icon/icon_down.png) no-repeat center/cover;
        }

.device-list-box {
}

/********************道路底部预案end**********************/
.weather-ul > li label {
    width: 71px;
}

.alert-wrap {
    width: 300px;
    height: 200px;
    background: #fff;
    position: fixed;
    bottom: 0;
    right: 5px;
    padding: 20px;
    border-radius: 5px;
}

    .alert-wrap.btn-close:after {
        content: 'x';
        display: block;
        width: 20px;
        height: 20px;
        background: #d9534f;
        color: #fff;
        border-radius: 50%;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        line-height: 18px;
        text-align: center;
        font-size: 18px;
    }

    .alert-wrap .left-bot {
        position: absolute;
        left: 22px;
        bottom: 0;
    }

    .alert-wrap .right-bot {
        position: absolute;
        right: 8px;
        bottom: 6px;
    }
.infoBroad tr:hover {
    background:#eee;
}
.infoBroad tr:hover input.txt {
    background:#eee;
}
.bton .excep_query{
    float:left;
    margin:0 10px;
}
.mar_top {
margin-top:20px!important;
}
.mar_six span {
 margin-right:20px;
}
.query_but {
    float: left;
    margin-right:30px!important;
}
.add_but {
    width: 150px; background: #6dc5a3; font-size: 14px; color: #fff; text-align: center; display: block; height: 31px; line-height: 31px; border-radius: 6px;
    float: right;
}
/*隧道灯*/

.tunnel-light .light-open {
    background: url(../images/icon/icon_xiaobiao.png) no-repeat;
    width: 88px;
    height: 36px;
    background-position: 0px -144px;
    vertical-align:middle;
}
.tunnel-light .light-close {
    background: url(../images/icon/icon_xiaobiao.png) no-repeat;
    width: 88px;
    height: 36px;
    background-position: -97px -144px;
    vertical-align:middle;
}

/*.left_position {
    background:red;
}*/
.lineChart{width:100%;height:413px;}
.btn-circle {
     position:absolute;
    right:17px;
    top:200px;    
    width: 38px;
    height: 38px;
    background: #f00;
    border-radius: 50%;
    
}
    .btn-circle.left {
        background:url(../images/icon/icon_left_circle.png) no-repeat;
    }
     .btn-circle.right {
        background:url(../images/icon/icon_right_circle.png) no-repeat;
    }
     .excep_query2 {
	float: left;
    margin: 0 10px;
}